<！DOCTYPE html>
< html >
< head >
< meta  charset = “ utf-8 ” >
< meta  content = “ width = device-width，initial-scale = 1.0，maximum-scale = 1.0，user-scalable = no ”  name = “ viewport ” >
< meta  content = “ yes ”  name = “ apple-mobile-web-app-capable ” >
< meta  content = “ black ”  name = “ apple-mobile-web-app-status-bar-style ” >
< meta  content = “ telephone = no ”  name = “ format-detection ” >
< meta  content = “ email = no ”  name = “ format-detection ” >
< title >医生名片</ title >
< link  rel = “ stylesheet ”  href = “ css / wepayui.min.css ” >
< link  rel = “ stylesheet ”  href = “ css / index.css ” >
</ head >
<！ -  
	通用说明： 
	1.模块的隐藏添加类：隐藏;
	2.body标签默认绑定ontouchstart事件，激活所有按钮的：活性效果
 - >
< body  ontouchstart >
<！ -内容[[ - >
< article  class = “ index ” >
	< header  class = “ index-head onepxborder-b ” >
		< div  class = “ photo onepxradius ” >
			< img  src = “ img / photo.jpg ”  alt = “ ” >
		</ div >
		< h2  class = “ title ” >张建明</ h2 >
		< p  class = “ info ” >消化内科</ p >
		< p  class = “ job ” >主任医生</ p >
	</ header >
	< div  class = “ index-main onepxborder-b ” >
		< div  class = “ index-main-li onepxborder-b ” >
			< h3  class = “ title ” > < span  class = “ ico-heart ” > </ span >医生专长</ h3 >
			< DIV  类 = “ CNT ” >消化科常见疾病（慢性胃炎，消化性溃疡，胃食管反流病，功能性胃肠病，肝硬化，肝功能损害，炎症性肠病，缺血性肠病，消化道出血）</ div >
			< div  class = “ more ” >
				< 一个 HREF = “ JavaScript的:; ” 类 = “ TXT ” >展开</ 一 >
			</ div >
		</ div >
		< div  class = “ index-main-li ” >
			< h3  class = “ title ” > < span  class = “ ico-time ” > </ span >出诊时间</ h3 >
			< div  class = “ cnt ” >每周周三下午，周五下午</ div >
		</ div >
	</ div >
	< div  class = “ index-btn ” >
		< 一个 HREF = “ JavaScript的:; ” 类 = “ weui-BTN weui-btn_primary ”  ID = “ registerBtn ” >预约挂号</ 一 >
		< 一个 HREF = “ 03_register_info.html ” 类 = “ weui-BTN weui-btn_default ” >查看已挂号消息</ 一 >
	</ div >
</ article >
< div  class = “ weui-wepay-logos weui-wepay-logos_ft ” >
    < img  src = “ https://act.weixin.qq.com/static/cdn/img/wepayui/0.1.1/wepay_logo_default_gray.svg ”  alt = “ ”  height = “ 16 ” >
</ div >
<！ -内容}] - >

<！ -日期[[ - >
< div  class = “ dateselect-wrap hide ”  id = “ dateselect ” >
	< div  class = “ dateselect flex flex-v ” >
		< h2  class = “ dateselect-title ” >选择日期挂号</ h2 >
		< p  class = “ dateselect-month ” > 7月</ p >
		< div  class = “ dateselect-cnt flex-1 ”  id = “ iscroll ” >
			< ul >
				< li  class = “ show-full ” >
					< div  class = “ date ” > 1 </ div >
					< div  class = “ month ” >星期一</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 2 </ div >
					< div  class = “ month ” >星期二</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 3 </ div >
					< div  class = “ month ” >星期三</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li  class = “ show-full ” >
					< div  class = “ date ” > 4 </ div >
					< div  class = “ month ” >星期四</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 5 </ div >
					< div  class = “ month ” >星期五</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li  class = “ show-full ” >
					< div  class = “ date ” > 6 </ div >
					< div  class = “ month ” >星期六</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 7 </ div >
					< div  class = “ month ” >星期天</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 8 </ div >
					< div  class = “ month ” >星期一</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 9 </ div >
					< div  class = “ month ” >星期二</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 10 </ div >
					< div  class = “ month ” >星期三</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 11 </ div >
					< div  class = “ month ” >星期四</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 1 </ div >
					< div  class = “ month ” >星期五</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 12 </ div >
					< div  class = “ month ” >星期六</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 1 </ div >
					< div  class = “ month ” >星期日</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 13 </ div >
					< div  class = “ month ” >星期一</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 1 </ div >
					< div  class = “ month ” >星期二</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
				< li >
					< div  class = “ date ” > 14 </ div >
					< div  class = “ month ” >星期三</ div >
					< strong  class = “ full ” > < span  class = “ txt ” >满</ span > < span  class = “ ico-angle ” > </ span > </ strong >
				</ li >
			</ ul >
		</ div >
		< 一个 HREF = “ JavaScript的:; ” 类 = “ dateselect-BTN ” >取消</ 一 >
	</ div >
</ div >
<！ -日期]] - >



< script  type = “ text / javascript ”  src = “ js / zepto.min.js ” > </ script >
< script  type = “ text / javascript ”  src = “ js / iscroll-min.js ” > </ script >
< script  type = “ text / javascript ” >
var iscroll;
函数 loaded（）{
	iscroll =  new  iScroll（' iscroll '，{
		useTransform ： false，
		onBeforeScrollStart ： function（e）{
			var target =  e。目标 ;
			而（目标。节点类型 ！=  1）目标=  目标。parentNode ;
			如果（目标。的tagName  ！=  '选择'  &&  目标。的tagName  ！=  ' INPUT '  &&  目标。的tagName  ！=  ' TEXTAREA '  &&  目标。的tagName  ！=  '甲'）
				e。preventDefault（）;
		}
	}）;
}
文件。的addEventListener（' touchmove '，函数（ê）{ Ë。的preventDefault（）;}，假）;
文件。addEventListener（' DOMContentLoaded '，加载，false）;
$（“ #registerBtn ”）。on（“ click ”，function（）{
	$（“ #dateselect ”）。removeClass（“ hide ”）;
}）
$（“. dateselect-btn ”）。on（“ click ”，function（）{
	$（“ #dateselect ”）。addClass（“隐藏”）
}）
$（“. dateselect-cnt ul li ”）。on（“ click ”，function（）{
	窗口。位置。href = “ 02_select_time.html ” ;
}）
$（“. dateselect-btn ”）。on（“ click ”，function（）{
	$（“. dateselect-wrap ”）。addClass（“隐藏”）
}）
setTimeout（function（）{
	$（“. dateselect-wrap ”）。addClass（“隐藏”）
}，0）
$（“ #showMore ”）。on（“ click ”，function（）{
	$（“ #indexIntro ”）。addClass（“ show-more ”）;
}）
< / script >

</ body >
</ html >